<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* button{} */
    </style>
</head>

<body>

    <button>点击</button>
    <button class="go">go</button>
    <button class="set">获取验证码</button>
    <script>
        // location 对象  获取操控地址栏
        // window.location  可省略window

        // let btn = document.querySelector("button")
        // btn.onclick = function () {
        //     // location.href = "http://wwww.baidu.com"  //用于设置地址栏内容  跳转页面
        //     console.log(location.href);//获取地址栏的内容
        //     console.log(location.port); //获取端口号
        //     console.log(location.protocol);//获取协议
        // http://192.1168.12.42:8080
        // http://叫做协议  http://  https://  file://（本地）
        // 192.168.11.22 ip 地址
        // :8080 端口号  可以设置很多  每一个端口都可以运行一个项目

        // location.reload() //刷新页面

        // location.replace("http://www.baidu.com") //替换当前路径   
        //     location.assign("http://www.baidu.com") //跳转路径
        //     // replace 没有地址栏的历史记录                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

        // }
        // let go = document.querySelector(".go")
        // go.onclick = function () {
        //     history.go(1)            
        // }
        // history 对象  浏览器的历史记录 
        // 前进 和 后退
        // back()     //回退 到上一个
        // forward()  //前进   到下一个
        // go(1) 前进一个
        // go(-1) 后退一个

        // navigator   获取浏览器的相关信息
        // console.log(navigator.appCodeName);  //获取浏览器的代号
        // console.log(navigator.appName);     //获取浏览器的名字
        // console.log(navigator.appVersion); //获取浏览器的版本
        // console.log(navigator.language);  //获取浏览器的语言
        let set = document.querySelector(".set")
        let a;
        let i;
        set.onclick = function () {
            i = 5
            set.disabled = "disabled"
            a = setInterval(reset_time, 1000)
        }
        function reset_time() {
            set.innerHTML = `${i}秒后可重试`
            i--
            if (i < 0) {
                set.innerHTML = "获取验证码"
                set.disabled = ""
                clearInterval(a)
            }
        }




    </script>
</body>

</html>